<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,  user-scalable=no,initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>会员中心</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/Member.css">
    <script src="./js/rem.js"></script>
</head>

<body>
    <div class="m_box ">
        <p class="m_title">会员中心</p>
        <div class="m_sign">
            <div class="m_di_w ">
                <!-- 个人信息、签到 -->
                <div class="m_lady">
                    <div>
                        <div class="m_photo fl"><img src="./images/Member/上名人堂.png" alt=""></div>
                        <div class="m_level fl">
                            <p>小伙子</p>
                            <p class="m_h">
                                会员等级：1级
                                <i class="m_le_m"></i>
                            </p>
                        </div>
                    </div>
                    <a class="m_signin" href="javascript:;">签到</a>
                </div>
                <!-- 经验级别条 -->
                <div class="m_jdt_b">
                    <div class="m_l_p">
                        <i class="m_le_m"></i>
                        <p>vip1</p>
                    </div>
                    <!-- 底部背景进度条 -->
                    <div class="m_jdt">
                        <!-- 进度条 -->
                        <div class="m_jdt1">
                            <i></i>
                        </div>
                        <p>还差200经验到下一级</p>
                    </div>
                    <div class="m_r_p">
                        <i class="m_le_m"></i>
                        <p>vip2</p>
                    </div>
                </div>

                <!-- <div class="m_jd_b">
                    <div class="m_m_l">
                        <i class="m_le_m"></i>
                        <p>vip1</p>
                    </div>
                    <div class="m_jd_t">
                        大盒子
                        <div>小盒子</div>
                    </div>
                    <div class="m_m_r">
                        <i class="m_le_m"></i>
                        <p>vip1</p>
                    </div>
                </div> -->

            </div>
        </div>
        <!-- vip特权 -->
        <div class="m_privilege">
            <div class="m_p_href">
                <span>尊享一下特权(VIP1)</span>
                <a href="">vip2></a>
            </div>
            <ul class="m_list">
                <li>
                    <a href="javascript:;"><img src="./images/Member/折扣.png" alt="">
                        <p>购买折扣</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;"><img src="./images/Member/上名人堂.png" alt="">
                        <p>上名人堂</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;"><img src="./images/Member/内部抽奖.png" alt="">
                        <p>内部抽奖</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;"><img src="./images/Member/更多.png" alt="">
                        <p>更多</p>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 广告宣传 -->
        <div class="m_Advertisement">
            <a href=""><img src="./images/Member/广告页.png" alt=""></a>
        </div>
        <!-- 活动 -->
        <div class="m_activity">
            <p>//捐献爱心//</p>
            <img src="./images/Member/banner1.png" alt="">
        </div>
        <div class="m_activity">
            <p>//公益活动//</p>
            <img src="./images/Member/banner2.png" alt="">
        </div>
    </div>


</body>

</html>